<template>
  <div>
    <h1>father</h1>
    <!-- <son-comp :money="money" @reduce:Money="reduceMoney" /> -->
    <!-- $event是子传父的数据 -->
    <!-- <son-comp :money="money" @reduce:Money="reduceMoney(1,2,true,$event)" /> -->
    <!-- <son-comp :money="money" @reduce:Money="money=$event" /> -->
    <!-- <son-comp :money="money" @update:Money="reduceMoney($event)" /> -->
    <son-comp :money.sync="money" />
  </div>
</template>

<script>
import sonComp from './components/son-comp.vue'
export default {
  components: { sonComp },
  data() {
    return {
      money: 100
    }
  },
  methods: {
    // reduceMoney(a, b, c, d) {
    //   console.log({
    //     a,
    //     b,
    //     c,
    //     d
    //   })
    // if (this.money < 80) {
    //   alert('超预算了')
    // } else {
    //   this.money = value
    // }
    // }
    // reduceMoney(value) {
    //   // console.log(value)
    //   if (this.money < 80) {
    //     alert('超预算了')
    //   } else {
    //     this.money = value
    //   }
    // }
  }
}
</script>

<style>

</style>
